<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页数据展示</title>
    <link rel="stylesheet" href="css/DataView.css">
</head>
<body>
    <div class="title">
        <h2 style="text-align: center">历史数据展示</h2>
    </div>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div>
        <div id="main" style="width: 600px;height:400px; float: left;margin-top: 20px"></div>
        <div id="main2" style="width: 600px;height: 400px;float: right;margin: 20px 200px 0 0">
            <span style="margin-left: 250px">历史数据展示</span>
            <table>
                <thead>
                <tr><td>传感器类型</td><td>时间</td><td>光照强度</td><td>温度</td><td>湿度</td></tr>
                </thead>
                <tbody>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td></td><td></td><td></td><td></td><td></td></tr>
                <tr><td colspan=5 id="time">时间：2019-07-19 15:34:24</td></tr>
                </tbody>
            </table>
            <div>
                <button>上一页</button>
                当前在第:&nbsp;<label>1</label>&nbsp;页&nbsp;&nbsp;
                共:&nbsp;<label>100</label>&nbsp;页&nbsp;&nbsp;&nbsp;&nbsp;
                去往第：
                <label>
                    <input type="text" style="display: inline-block;width: 50px">
                </label>页
                <button>确认</button>&nbsp;&nbsp;
                <button onclick="RefreshData()">刷新</button>
                <button style="float: right">下一页</button>
            </div>
        </div>
    </div>
    <!--引入js-->
    <script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="js/vue.js"></script>
    <script type="text/javascript" src="js/echarts.js"></script>
    <!--引入自己的js脚本和样式-->
    <script type="text/javascript" src="js/DataView.js"></script>
    <!-- 官网提供的 axios 在线地址 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</body>
</html>